/*-------------自定义扩展指令-------------*/
/** 人员控件： begin **/
//define
var MyComponent = Vue.extend({
props: {iname:null,iid:null,valueid:null,valuename:null,fail:null,failText:null,selectflag:null,items:[]},
template: '<div class="people_d"><input type="text" v-show="false" :id="iid+\'x\'" :value="valueid" v-model="valueid" />'+
          '<i class="fa fa-user-o people_i" aria-hidden="true"></i><input type="text" :id="iid" :name="iname" :value="valuename" class="people_input" v-on:keyup.13="myKeyup(iid);" v-on:blur="myBlur(iid);" v-model="valuename">'+
          '<span :id="iid+\'fail\'" class="checktips "></span>'+
          '<ul :id="iid+\'menu\'" class="selectmenu"></ul></div>',
methods: {
	  myKeyup: function (iid) {
		  $("#"+iid+"fail").html("");
		  $("#"+iid+"menu").html("");
		  if(this.valuename!=""&&this.valuename!=null){
			  $.get("../comm/user/userinfo/"+this.valuename, function(r){
		            if(r.code==0){
		          	  var result=r.user;
		          	  if(result.length==0){
		          		  $("#"+iid+"fail").html("无查询结果");
		          	  }else if(result.length==1){
		          		  this.valueid=result[0].userId;
		          		  this.valuename=result[0].username;
		          		  $("#"+iid).val(this.valuename);
		          		  $("#"+iid+"x").val(this.valueid);
		          	  }else{
		          		  this.selectflag=true;
		          		  //this.items=result;
		          		  this.items=[{"username":"lei","userId":"1"},{"username":"leiluan","userId":"2"}];
		          		  var html="";
		          		  for(var i=0;i<result.length;i++){
		          			  html+='<li><a href="javascript:dox(\''+result[i].username+'\','+result[i].userId+',\''+iid+'\');">'+result[i].username+'</a></li>'
		          		  }
		          		  $("#"+iid+"menu").html(html);
		          	  }
		            }
		        });
		  }else{
			  $("#"+iid+"x").val("");
			  $("#"+iid).val("");
		  }
	  },
	  myBlur: function (iid) {
		  this.myKeyup(iid);
	  }
	  
}

})
function dox(username,userId,iid) {
	  $("#"+iid).val(username);
	  $("#"+iid+"x").val(userId);
	  $("#"+iid+"menu").html("");
}
function userClear(iid){
	  $("#"+iid+"fail").html("");
	  $("#"+iid+"menu").html("");
	  $("#"+iid+"x").val("");
	  $("#"+iid).val("");
}
function setUserById(userId,iid){
//	$.get("../sys/user/info/"+userId, function(r){
//		if(r.code==0){
//			$("#"+iid+"x").val(r.user.userId);
//			$("#"+iid).val(r.user.username);
//		}
//		
//	 });
}
//register
Vue.component('my-user', MyComponent)

// create a root instance
new Vue({
  el: '#checker'
})
new Vue({
  el: '#sqe'
})
new Vue({
  el: '#approvePerson'
})

/** 人员控件： over **/

